.yg-pay {
    background-color: #fff;
    height:100vh;
    .yg-pay-nav {
        .am-navbar-dark{
            background-color: var(--themeColor);
      
         }
    }
    .yg-pay-selectAddress {
        display: flex;
        justify-content: center;
        align-items: center;
        height:2.666667rem;
        border:1px solid #ddd;
        .selectAddress-text {
            width:4rem;
            height: 1.333333rem;
            border:1px solid var(--themeColor);
            border-radius: 0.8rem;
            text-align:center;
            line-height: 1.333333rem;
            color:var(--themeColor);
        }
      }
      
      .yg-pay-list {
        .list-title {
            height:0.8rem;
            line-height: .8rem;
            font-weight: 200;
            color: #5a5248;
            margin-left: 0.4rem;

        }
      
        .content-list {
          .content-list-item {
              height:2.666667rem;
              display: flex;
              align-items: center;
              margin-left:0.2rem;
              border-bottom: 1px solid #ddd;
            .list-item-middle {
                flex:2;
                display: flex;
                align-items: center;
                justify-content: center;
              img {
                height: 2.4rem;
                width:2.4rem;
              }
            }
      
            .list-item-right {
                flex:4;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                height:2.666667rem;
               padding-right:0.2rem;
              .item-right-top {
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }
      
              .item-right-bottom {
                  display: flex;
                  height: 0.8rem;
                  align-items: center;
                  justify-content: space-between;
                .right-bottom-left {
                    color:var(--themeColor);
                }
      
                .right-bottom-right {
                  .num {
                    margin-right: 0.266667rem;
                  }
                }
              }
            }
          }
        }
        
      }
      .yg-pay-bottom {
        padding:0 0.266667rem;
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        height:1.333333rem ;
        line-height: 1.333333rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .pay-bottom-left {
          .totalPrice {
            .text1 {
      
            }
      
            .price {
                color:var(--themeColor);
            }
          }
        }
      
        .content-bottom-right {
          .pay {
            .text3 {
                display: flex;
                width:2.4rem;
                height:.8rem;
                color:white;
                background-color: var(--themeColor);
                align-items: center;
                justify-content: center;
                border-radius: 0.4rem;
              }
              .text5{
                display: flex;
                width:2.4rem;
                height:.8rem;
                color:white;
                background-color:#ccc;
                align-items: center;
                justify-content: center;
                border-radius: 0.4rem;
              }
          }
        }
      }
  }